<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模板</title>
     <!-- 引入重置样式 -->
     <link rel="stylesheet" href="../css/normalize.css">
     <!-- 引入公共样式 -->
     <link rel="stylesheet" href="../css/common.css">
     <!-- 引入插件样式 -->
     <!-- 轮播插件 -->
     <link rel="stylesheet" href="../js/lunbo/css/slider.css">
     <!-- 引入当前样式 -->
     <link rel="stylesheet" href="../css/index.css">
</head>
<body>
        <!-- 网页头部 -->
        <div id="header" class="header">
            <div class="container clearfix">
                <section class="fl">
                    <p>乐购www.legou.com</p>
                </section>
                <section class="fr">
                    <p>欢迎光临乐购 &emsp;
                        请 <span><a href="#">登录</a></span><span>|</span><span><a href="#">注册</a></span></p>
                </section>
            </div>
        </div>
        <div class="header-bottom container clearfix">
            <div class="header-bottom-logo fl">
                <img class="header-bottom-logoimg" src="../imgs/图标/logo.webp" alt="">
            </div>
            <div class="header-bottom-right fr">
                <div class="header-bottom-right-search clearfix">
                    <p><input type="text" placeholder="请输入搜索的商品名"><button><img src="../imgs/图标/搜索.png" alt=""></button></p>
                    <p>
                        <span class="header-bottom-right-search-1">
                            <img src="../imgs/图标/购物车.png" alt="">
                        </span>
                        <span>购物车</span>
                        <span class="header-bottom-right-search-2">0</span>
                    </p>
                    <p>我的订单</p>
    
                </div>
                <div class="header-bottom-right-nav">
                    <a class="header-nav" href="#">图片</a>
                    <a class="header-nav" href="#">电子书</a>
                    <a class="header-nav" href="#">原创文学</a>
                    <a class="header-nav" href="#">服装</a>
                    <a class="header-nav" href="#">运动户外</a>
                    <a class="header-nav" href="#">孕婴童</a>
                    <a class="header-nav" href="#">家居</a>
                    <a class="header-nav" href="#">创意文具</a>
                    <a class="header-nav" href="#">地方特产</a>
                    <a class="header-nav" href="#">海外购</a>
                    <a class="header-nav" href="#">电器城</a>
    
                </div>
            </div>
        </div>
    <!-- 网页页尾 -->
    <div id="footer" class="footer">
        <ul class="footer-top container clearfix">
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标1.jpg" alt="">
                <h3 class="footer-top-h">正品保障</h3>
                <p class="footer-top-p">正品行货  放心选购</p>
            </li>
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标3.jpg" alt="">
                <h3 class="footer-top-h">满86包邮</h3>
                <p class="footer-top-p">满86元 免运费</p>
            </li>
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标2.jpg" alt="">
                <h3 class="footer-top-h">售后无忧</h3>
                <p class="footer-top-p">7天无理由退货</p>
            </li>
            <li class="footer-top-li fl">
                <img class="footer-top-img fl" src="../imgs/图标/页尾图标4.jpg" alt="">
                <h3 class="footer-top-h">准时送达</h3>
                <p class="footer-top-p">收货时间由你做主</p>
            </li>

        </ul>
        <ul class="footer-nav container clearfix">
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">新手入门</h3>
                <a  class="footer-nav-a" href="#">购物流程</a>
                <a  class="footer-nav-a" href="#">会员制度</a>
                <a  class="footer-nav-a" href="#">订单查询</a>
                <a  class="footer-nav-a" href="#">服务协议及隐私说明</a>
                <a  class="footer-nav-a" href="#">网站地图</a>
                
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">支付方式</h3>
                <a  class="footer-nav-a" href="#">货到付款</a>
                <a  class="footer-nav-a" href="#">网上支付</a>
                <a  class="footer-nav-a" href="#">礼品卡支付</a>
                <a  class="footer-nav-a" href="#">其它支付</a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">配送服务</h3>
                <a  class="footer-nav-a" href="#">配送进度查询</a>
                <a  class="footer-nav-a" href="#">商品验货与签收</a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">相关规则</h3>
                <a  class="footer-nav-a" href="#">平台规则</a>
                <a  class="footer-nav-a" href="#">退换货政策</a>
                <a  class="footer-nav-a" href="#">发票制度</a>
                <a  class="footer-nav-a" href="#">帮助中心</a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">App更优惠</h3>
                <a  class="footer-nav-a" href="#"><img src="../imgs/图标/qryhd.png" alt=""></a>
            </li>
            <li class="footer-nav-li fl">
                <h3 class="footer-nav-h">加微信查订单</h3>
                <a  class="footer-nav-a" href="#"><img src="../imgs/图标/qryhd.png" alt=""></a>
            </li>
        </ul>
        <div class="footer-bottom">
            <p class="footer-bottom-phone">沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | </p>
            <p class="footer-bottom-permit">沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <p class="footer-bottom-link">
                <a href="#"><img src="../imgs/图标/footer1.jpg" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer2.jpg" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer3.png" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer4.jpg" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer5.png" alt=""></a>
                <a href="#"><img src="../imgs/图标/footer6.jpg" alt=""></a>
            
            </p>
        </div>
    </div>
    <!-- 引入插件 -->
    <!-- jq库插件 -->
    <script src="../lib/jquery.js"></script>
    <!-- 轮播插件 -->
    <script src="../js/lunbo/lib/jquery.min.js"></script>
    <script src="../js/lunbo/lib/jquery.slidebox.js"></script>

    <!-- 引入当前js -->
    <script src="../js/index.js"></script>
</body>
</html>